<template>
    <div class="base-a">
        我是A组件（接受方）
        <p>{{ msg }}</p>
    </div>
</template>

<script>
import Bus from '../utils/EventBus'
export default {
    data() {
        return {
            msg: ''
        }
    },
    created() {
        // 接收方，进行监听Bus的事件（订阅消息）
        Bus.$on('sendMsg', (msg) => {
            this.msg = msg
        })
    }
}
</script>

<style scoped>
.base-a {
    width: 200px;
    height: 200px;
    border: 3px solid #000;
    border-radius: 3px;
    margin: 10px;
}
</style>